<!--
 * @Author: Lee && lsh133417@163.com
 * @Date: 2022-08-16 17:47:02
 * @LastEditors: Lee && lsh133417@163.com
 * @LastEditTime: 2022-08-16 17:53:53
 * @FilePath: \shangpinghui-bs\src\views\dashboard\Card\Detail\index.vue
 * @Description:
 * Copyright (c) 2022 by Lee email: lsh133417@163.com, All Rights Reserved.
-->
<template>
  <div>
    <div class="card-header">
      <span>总销售额</span>
      <svg t="1660643594394" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
        p-id="2365" width="16" height="16">
        <path
          d="M509.92 795.84c157.904 0 285.92-128.016 285.92-285.92C795.84 352 667.808 224 509.92 224 352 224 224 352 224 509.92c0 157.904 128 285.92 285.92 285.92z m0 48C325.504 843.84 176 694.32 176 509.92 176 325.504 325.504 176 509.92 176c184.416 0 333.92 149.504 333.92 333.92 0 184.416-149.504 333.92-333.92 333.92z m-2.448-400.704h16a16 16 0 0 1 16 16v201.728a16 16 0 0 1-16 16h-16a16 16 0 0 1-16-16V459.136a16 16 0 0 1 16-16z m0-100.176h16a16 16 0 0 1 16 16v23.648a16 16 0 0 1-16 16h-16a16 16 0 0 1-16-16v-23.648a16 16 0 0 1 16-16z"
          p-id="2366" fill="#8a8a8a"></path>
      </svg>
    </div>
    <div class="card-content">内容区域</div>
    <div class="card-charts">图标区域</div>
    <div class="card-footer">底部</div>
  </div>
</template>

<script>
export default {
  name: "Detail",
  components: {},
  data() {
    return {};
  },
};
</script>
<style scoped>
</style>
